<%@page import="java.util.ArrayList"%>
<%@page import="domein.Klant"%>
<%@page import="domein.Personeel"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><%out.print(pageTitel); %> - AutoTotaalDienst</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/eigen.css" rel="stylesheet">
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
</style>
<link href="${pageContext.request.contextPath}/css/bootstrap-responsive.css" rel="stylesheet">

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body>
<%! String voornaam = "geen klant geselecteerd"; %>
<%! String achternaam = ""; %>
<%! boolean isBalieMedewerker = false; %>
<%! Klant klant = null; %>
<%
ArrayList<String[]> menuItems = new ArrayList<String[]>();
menuItems.add(new String[] {"Home", "index.jsp"});

Object obj = request.getSession().getAttribute("user");
if(obj == null){
	menuItems.add(new String[]{"Login", "login.jsp"});
	menuItems.add(new String[]{"Registreren", "registreren.jsp"});
}else{
	menuItems.add(new String[]{"Log uit", "logUit.jsp"});
}
if(obj instanceof Personeel){
	Personeel p = (Personeel)obj;
	if(p.getFunctie().equals("baliemedewerker")){
		//vul menu items voor de balie mederwerker
		klant = (Klant)request.getSession().getAttribute("selKlant");
		if(klant != null){
			voornaam = klant.getNaam();
			achternaam = klant.getAchterNaam();
		}
		isBalieMedewerker = true;
		menuItems.add(new String[]{"Voorraad beheren", "medewerker/beheren.jsp"});
		menuItems.add(new String[]{"Voorraad bekijken", "medewerker/voorraadBekijken.jsp"});
		//menuItems.add(new String[]{"Parkeerplaats vrijmaken", "medewerker/parkeerplaats-vrijmaken.jsp"});
		menuItems.add(new String[]{"Zoek Klant", "medewerker/zoekKlant.jsp"});	
		menuItems.add(new String[]{"Diensten factureren", "medewerker/start-factuur.jsp"});	
	}
	if(p.getFunctie().equals("monteur")){
		//vul menu items voor de monteurs
		menuItems.add(new String[]{"Agenda bekijken", "monteur/agenda-bekijken.jsp"});
		menuItems.add(new String[]{"Onderhoud", "monteur/onderhoud.jsp"});
	}
}
else if(obj instanceof Klant){
	//Vul menu items voor de klanten
	menuItems.add(new String[]{"Parkeerplaats reserveren", "klant/parkeerplaats-reserveren.jsp"});
	menuItems.add(new String[]{"Afspraak maken", "klant/afspraak-maken.jsp"});
}
%>
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="/to4-hu/index.jsp">AutoTotaalDienst</a>
				<div class="nav-collapse">
					<ul class="nav">
					<% for(String[] menuItem: menuItems){ %>
						<li <%if(menuItem[0].equals(pageTitel)){ %>
							class="active"
							<%} //end if %>
						>
							<a href="${pageContext.request.contextPath}/<%out.print(menuItem[1]);%>"><%out.print(menuItem[0]);%></a>
					<%}//end for %>						
					</ul>
					<% if(isBalieMedewerker){ %>
					<ul class="nav pull-right">
			            <li><a href="${pageContext.request.contextPath}/medewerker/klantAccount.jsp">Geselecteerde klant: <%=voornaam + " " + achternaam %></a></li>
			          </ul>
			          <%} %>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row-fluid">